<!doctype html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>耗材与物品管理后台</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>

    <link rel="shortcut icon" href="../../statics/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="../../statics/css/font.css">
    <link rel="stylesheet" href="../../statics/css/xadmin.css">
    <link rel="stylesheet" href="../../layui/css/layui.css">
    <script src="../../statics/js/jquery.min.js"></script>
    <script src="../../statics/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../statics/js/xadmin.js"></script>

</head>
<body>
<!-- 顶部开始 -->
<div class="container">
    <div class="logo"><a href="index.jspindex.html">耗材与物品管理后台</a></div>
    <div class="left_open">
        <i title="展开左侧栏" class="iconfont">&#xe699;</i>
    </div>
    <ul class="layui-nav left fast-add" lay-filter="">
        <li class="layui-nav-item">

        </li>
    </ul>
    <ul class="layui-nav right" lay-filter="">
        <li class="layui-nav-item">
            <a href="javascript:;" id="adminId"> ${sessionScope.login_user.username}</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd><a id="personInfoId" onclick="personInfo()">个人信息</a></dd>
                <dd><a id="exitId" onclick="logout()">退出</a></dd>
            </dl>
        </li>
    </ul>
</div>
<!-- 顶部结束 -->
<!-- 中部开始 -->
<!-- 左侧菜单开始 -->
<div class="left-nav">
    <div id="side-nav">
        <div id="nav">

            <c:forEach items="${sessionScope.user_permitions}" var="parent">
                <c:if test="${parent.parentId == null}">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a href="javascript:;">
                            <i class="iconfont">${parent.permitionIcon}</i>
                            <cute>${parent.permitionName}</cute>
                            <i class="iconfont nav_right">&#xe6a7;</i>
                        </a>
                        <ul class="sub-menu">
                            <c:forEach items="${sessionScope.user_permitions}" var="child">
                                <c:if test="${child.parentId != null && child.parentId == parent.id}">
                                    <li>
                                        <a id="${child.permitionBindId}"><i class="iconfont">&#xe6a7;</i><cite>${child.permitionName}</cite></a>
                                    </li>
                                </c:if>
                            </c:forEach>
                        </ul>
                    </li>
                </c:if>
            </c:forEach>


            <%--            <li >--%>
            <%--                <a href="javascript:;">--%>
            <%--                    <i class="iconfont">&#xe6ae;</i>--%>
            <%--                    <cite>系统管理</cite>--%>
            <%--                    <i class="iconfont nav_right">&#xe6a7;</i>--%>
            <%--                </a>--%>
            <%--                <ul class="sub-menu">--%>
            <%--                    <li><a id="welcomeId"><i class="iconfont">&#xe6a7;</i><cite>主页</cite></a></li >--%>
            <%--                    <li><a id="logId"><i class="iconfont">&#xe6a7;</i><cite>日志信息</cite></a></li >--%>
            <%--                </ul>--%>
            <%--            </li>--%>


            <%--            <li>--%>
            <%--                <a href="javascript:;">--%>
            <%--                    <i class="iconfont">&#xe726;</i>--%>
            <%--                    <cite>用户管理</cite>--%>
            <%--                    <i class="iconfont nav_right">&#xe6a7;</i>--%>
            <%--                </a>--%>
            <%--                <ul class="sub-menu">--%>
            <%--                    <li><a  id="userListId"><i class="iconfont">&#xe6a7;</i><cite>用户信息</cite></a></li>--%>
            <%--                    <li><a  id="modifyPwdId"><i class="iconfont">&#xe6a7;</i><cite>修改密码</cite></a></li>--%>
            <%--                </ul>--%>
            <%--            </li>--%>

            <%--            <li>--%>
            <%--                <a href="javascript:;">--%>
            <%--                    <i class="iconfont">&#xe704;</i>--%>
            <%--                    <cite>物品管理</cite>--%>
            <%--                    <i class="iconfont nav_right">&#xe6a7;</i>--%>
            <%--                </a>--%>
            <%--                <ul class="sub-menu">--%>
            <%--                    <li><a id="goodsListId"><i class="iconfont">&#xe6a7;</i><cite>物品信息</cite></a></li>--%>
            <%--                    <li><a id="kindsListId"><i class="iconfont">&#xe6a7;</i><cite>种类信息</cite></a></li>--%>
            <%--                    <li><a id="BorrowInfoId"><i class="iconfont">&#xe6a7;</i><cite>借阅信息</cite></a></li>--%>
            <%--                </ul>--%>
            <%--            </li>--%>

            <%--            <li>--%>
            <%--                <a href="javascript:;">--%>
            <%--                    <i class="iconfont">&#xe82b;</i>--%>
            <%--                    <cite>权限控制</cite>--%>
            <%--                    <i class="iconfont nav_right">&#xe6a7;</i>--%>
            <%--                </a>--%>
            <%--                <ul class="sub-menu">--%>
            <%--                    <li><a id="roleListId"><i class="iconfont">&#xe6a7;</i><cite>角色信息</cite></a></li>--%>
            <%--                </ul>--%>
            <%--                <ul class="sub-menu">--%>
            <%--                    <li><a id="permitionListId"><i class="iconfont">&#xe6a7;</i><cite>权限信息</cite></a></li>--%>
            <%--                </ul>--%>
            <%--            </li>--%>
        </div>
    </div>
</div>
<!-- <div class="x-slide_left"></div> -->
<!-- 左侧菜单结束 -->
<!-- 右侧主体开始 -->
<div class="page-content">
    <div class="layui-tab tab" lay-allowclose="false">
        <div class="layui-tab-content">
            <div id="mainContentId" class="content container-fluid" style="width: 100%;height: 100%;overflow-y: scroll">


            </div>
        </div>
    </div>
</div>
<div class="page-content-bg"></div>
<!-- 右侧主体结束 -->
<!-- 中部结束 -->
<!-- 底部开始 -->
<!--<div class="footer">
    <div class="copyright">Copyright ©2019 L-admin v2.3 All Rights Reserved</div>
</div>-->
<!-- 底部结束 -->
</body>

<script>
    $(document).ready(function () {
        $("#mainContentId").load("/doWelcome", function () {
            //暂时先加上，后面结合场景讲为什么
            $("#mainContentId").removeData();
        });

        doLoadUI("userListId", "/doUserList");
        doLoadUI("roleListId", "/doRoleList");
        doLoadUI("permitionListId", "/doPermitionList");
        doLoadUI("modifyPwdId", "/doModifyPwd");
        doLoadUI("goodsListId", "/doGoodsList");
        doLoadUI("welcomeId", "/doWelcome");
        doLoadUI("BorrowInfoId", "/doBorrowInfo");
        doLoadUI("logId", "/doLogList");
        doLoadUI("kindsListId", "/doKindsList");
        //渲染主页的登录用户名
        // $.ajax({
        //     url: "user/getLoginUser",
        //     success: function (result) {
        //         if(0==result.code) {
        //             var loginObj =  $("#adminId");
        //             loginObj[0].innerText = result.data.username;
        //         }else{
        //         }
        //     }
        // });
    });

    function doLoadUI(id, url) {
        $("#" + id).click(function () {
            //load函数为一个特殊的ajax函数
            console.log(url);
            $("#mainContentId").load(url, function () {
                //暂时先加上，后面结合场景讲为什么
                $("#mainContentId").removeData();
            });
        });
    }

    function logout() {
        window.location.href = "/user/logout";
    }

    layui.config({
        base: '../../layui/lay/modules/'
    }).extend({
        formSelects: 'formSelects-v4'
    });

    layui.config({
        base: '../../layui/lay/modules/'
    }).extend({
        treeGrid: 'treeGrid'
    });

    function personInfo() {
        var lay = layer.open({
            type: 2,
            title: "个人信息",
            shade: 0.4,
            area: ['800px', '600px'],
            maxmin: true,
            shadeClose: true,
            content: '/doPersonInfo',
            fix: false, //不固定
            success: function (layero, index) {

            }
        })
    }
</script>
</html>